<HTML>
<HEAD>
<TITLE>Metoda document.elementFromPoint()</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function showElemUnderneath() {
    var elem = document.elementFromPoint(event.clientX, event.clientY)
    document.all.mySpan.innerText = elem.id
}
document.onmouseover = showElemUnderneath
</SCRIPT>
</HEAD>

<BODY ID="myBody">
<H1 ID="header">Metoda document.elementFromPoint()</H1>
<HR ID="myHR">
<P ID="instructions">Przesuwaj wskanik myszy po stronie. Wsprzdne wskanika myszy 
informuj, i aktualnie znajduje si on 
w obszarze elementu <BR ID="myBR">o identyfikatorze: "<SPAN ID="mySpan" STYLE="font-
weight:bold"></SPAN>".</P>
<FORM ID="myForm">
<INPUT ID="myButton" TYPE="button" VALUE="Przykadowy przycisk" onClick="">&nbsp;
</FORM>
<TABLE BORDER=1 ID="myTable">
<TR ID="tr1">
    <TD ID="td_A1">Komrka A1</TD>
    <TD ID="td_B1">Komrka B1</TD>
</TR>
<TR ID="tr2">
    <TD ID="td_A2">Komrka A2</TD>
    <TD ID="td_B2">Komrka B2</TD>
</TR>
</TABLE>
<H2 ID="sec1">Fragment 1</H2>
<P ID="p1">Lorem ipsum dolor sit amet, consectetaur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim adminim veniam, quis nostrud exercitation ullamco laboris 
nisi ut aliquip ex ea commodo consequat.</P>
<H2 ID="sec2">Fragment 2</H2>
<P ID="p2">Duis aute irure dolor in reprehenderit involuptate velit esse 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat 
cupidatat non proident, sunt in culpa qui officia deseruntmollit 
anim id est laborum.</P>
<DIV ID="myDIV" STYLE="position:absolute; top:340; left:300; background-color:yellow">
Oto element umiejscowiony bezwzgldnie.</DIV>
</BODY>
</HTML>